<nav>
    <ul>
        <li><a href="explore.html"><img src="resources\img\explore.png"></a></li>
        <li><a href="plan.html"><img src="resources\img\plan.png"></a></li>
        <li><a href="personal.html"><img src="resources\img\personal.png"></a></li>
        <li><a href="events.html"><img src="resources\img\events.png"></a></li>
        <li><a href="updates.html"><img src="resources\img\updates.png"></a></li>
    </ul>
</nav>
<header>Teacher Name</header>

<div id="scrollableframe">
    <div class="scroller">

        <div id="list" class="frame">
            <div class="badge">
                <img class="picture" src="resources/img/teacher.png">
                <ul>
                    <li class="university">Universita' degli Studi dell'Aquila</li>
                    <li class="faculty">Scienze mm.ff.nn.</li>
                    <li class="identif_num"><span class="label">Matricola:</span> 098765</li>
                    <li class="role">Professore</li>
                </ul>
            </div>
            
            <br>

            <section class="ac-container">
                <div>
                    <input id="ac-1" name="accordion-1" type="checkbox" />
                    
                        <label for="ac-1">Orario ricevimento</label>
                        <article>
                            <div id="ricevimento">
                                <div class="scroller">
                                    <ul>
                                        <li>Martedi'</li>
                                        <li>15.00 - 17.00</li>
                                        <li>Ufficio docente</li>
                                    </ul>
                                </div>
                            </div>
                        </article>
                    
                </div>
                <div>
                    <input id="ac-2" name="accordion-1" type="checkbox" />
                    
                        <label for="ac-2">Corsi tenuti</label>
                        <article class="selectable">
                            <div id="corsi">
                                <div class="scroller">
                                    <ul>
                                        <li>Biologia molecolare</li>
                                        <li>Adattamenti all'ambiente</li>
                                        <li>Ecologia</li>
                                        <li>Cellule e geni</li>
                                        <li>Biologia molecolare</li>
                                        <li>Adattamenti all'ambiente</li>
                                        <li>Ecologia</li>
                                        <li>Cellule e geni</li>
                                    </ul>
                                </div>
                            </div>
                        </article>
                    
                </div>
            </section>


        </div>
        <div class="centercontent">
            <a href="explore.html" class="button" id="appointmentbutton">
                <span class="icon appointment"></span>
                <span class="label">Prendi appuntamento</span></a>
        </div>

    </div>
</div>
